<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册</title>
    <link rel="stylesheet" href="bt/css/bootstrap.min.css">
    <link rel="stylesheet" href="bt/css/bootstrap-theme.min.css">
    <script type="text/javascript" src="bt/js/jquery.js"></script>
    <script type="text/javascript" src="bt/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
    <form>
        <div class="form-group">
            <label for="exampleInputEmail1">用户名</label>
            <input type="text" class="form-control" id="exampleInputEmail1" placeholder="username">
        </div>
        <div class="form-group">
            <label for="exampleInputPassword1">密码</label>
            <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
        </div>
        <div class="form-group">
            <label for="exampleInputPassword2">重复密码</label>
            <input type="password" class="form-control" id="exampleInputPassword2" placeholder="Password">
        </div>
        <input id="sub" class="btn btn-success form-control" type="button" value="注册">
    </form>
</div>
</body>
</html>

<script type="text/javascript">
    $("#sub").click(function () {
         var userName=$("#yhm").val();
         var passWord=$("#mm").val();
         var repassword=$("#qrmm").val();
         //校验用户名是否为空
        if (userName.length==0){
            alert("用户名不能为空")
            return;//不让程序继续往下执行了
        }
        //校验密码用户名不能相同
        if (userName==passWord){
                alert("密码用户名不能相同")
                return;//不让程序继续往下执行了
        }
        //校验密码是否为空
        if (passWord.length==0){
            alert("密码不能为空")
            return;//不让程序继续往下执行了
        }
        //校验两次密码是否相同
        if (passWord!=repassword){
            alert("密码不一致")
            return;//不让程序继续往下执行了
        }
        //封装数据 提交给接口
        var user = {
            "username" : userName,
            "password" : passWord

        }
        //将实体类转换为json
        var userJson = JSON.stringify(user);

        //提交给后端接口
        $.post({
            url: 'user/save',
            data: userJson,
             contentType:'application/json',
            success: function (data) {
                alert(data)
                
            }
        });


    })
</script>